<template>
  <div class="goods">
    <p>{{ uname }}</p>
    <p>{{ age }}</p>
    <p>{{ sex }}</p>
  </div>
</template>

<script>
export default {
  props: {
    uname: {
      required: true,
      type: String
    },
    age: Number,
    sex: {
      default: '未知',
      type: [String, Number]
    }
  }
}
</script>

<style>
  .goods {
    padding: 10px;
    margin: 8px;
    border: 3px solid #000;
    min-height: 50px;
  }
</style>